export default {
  name: 'foo-jsx',
  render () {
    return (
      <div>
        <header>
          {this.$slots.header || 'header'}
        </header>
        <main>
          {this.$slots.default || 'main'}
        </main>
        <footer>
          {this.$slots.footer || 'footer'}
        </footer>
      </div>
    )
  }
}
